/* 
    Document   : user.css
    Created on : Mar 9, 2012, 3:56:44 PM
    Author     : joyce
    Description:
        Styling for profile and user.
*/

#profilePicture {
	border: 1px solid black;
	width: 120px;
	height: 120px;
	float: left;
}

div#membership {
	margin-left: 150px;
}

section#profileDetails {
}

label {
	text-align: right;
	margin-bottom: 10px;
}

#plugins {
	
}

/** Recent Activity **/
article.activity {
}

/** Friends **/
article.friends {
	border: 1px solid #CCCCCC;
	background-color: #EAEAEA;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	display: inline-block;
	width: 480px;
}

div.friendsUsername {
	width: 380px;
	float: left;
}

div.friendsDelete {
}

/** List of Users **/
article.users {
	border: 1px solid #CCCCCC;
	background-color: #EAEAEA;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 30px;
}

div.username {
	width: 420px;
	float: left;
}

/** Register **/
#formLogin p > label {
	display: inline-block;
	width: 150px;
}

#formLogin p > #submit {
	margin-left: 150px
}

/** Profile **/
#formProfile p > label {
	display: inline-block;
	width: 100px;
	margin-bottom: 10px;
}

#formProfile p > #submit {
	margin-left: 150px
}

/** Change Password **/
#formChangePassword p > label {
	display: inline-block;
	width: 180px;
	margin-bottom: 10px;
}

#formChangePassword p > #submit {
	margin-left: 180px
}

fieldset {
	border:1px dotted #ccc;
}